<template>
  <div>
    <Modal
      title="对话框标题"
      :visible.sync="modal1"
      class-name="vertical-center-modal">
      <p>对话框内容</p>
      <p>对话框内容</p>
      <p>对话框内容</p>
    </Modal>
  </div>
</template>

<script>
  export default {
          data () {
              return {
                  modal1: false,
              }
          }
      }
</script>

<style lang="less">
  .vertical-center-modal{
    display: flex;
    align-items: center;
    justify-content: center;
    .ivu-modal{
      top: 0;
   }
  }
</style>
